<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <title></title>
    <script src="__PUBLIC__/mobile/mui/js/mui.min.js"></script>
    <script type="text/javascript" src="__PUBLIC__/mobile/mui/js/mui.zoom.js"></script>
    <script type="text/javascript" src="__PUBLIC__/mobile/mui/js/mui.previewimage.js"></script>
    <link href="__PUBLIC__/mobile/mui/css/mui.min.css" rel="stylesheet" />
    <link rel="stylesheet" href="__PUBLIC__/mobile/mui/css/tabbar.css" />
</head>

<body>
<header class="mui-bar mui-bar-nav" >
    <a class="mui-action-back mui-icon mui-icon-bars mui-pull-left"></a>
    <h1 class="mui-title">上传泵站运行信息</h1>
</header>
<nav class="mui-bar mui-bar-tab">
    <a class="mui-tab-item mui-active" href="#tabbar-with-sign">
        <span class="mui-icon mui-icon-chat"></span>
        <span class="mui-tab-label">签到</span>
    </a>
    <a class="mui-tab-item" href="#tabbar-with-pump">
        <span class="mui-icon mui-icon-home"></span>
        <span class="mui-tab-label">泵站</span>
    </a>
    <a class="mui-tab-item" href="#tabbar-with-csdt">
        <span class="mui-icon mui-icon-settings"></span>
        <span class="mui-tab-label">调蓄池</span>
    </a>
    <a class="mui-tab-item" href="#tabbar-with-river">
        <span class="mui-icon mui-icon-bars"></span>
        <span class="mui-tab-label">河道</span>
    </a>
    <a class="mui-tab-item" href="/Manage/Mobile/logout">
        <span class="mui-icon mui-icon-close"></span>
        <span class="mui-tab-label">退出</span>
    </a>
</nav>
<div class="mui-content">
    <!--签到-->
    <div id="tabbar-with-sign" class="mui-control-content mui-active mui-content-padded">
        <form id="reg_log">
            <!--拍照，预览，【上传按钮，显示图片】-->
            <button id="btn_uploadimage" type="button" class="mui-btn mui-btn-block mui-icon mui-icon-plus mui-left" onclick="appendByCamera()">
                添加现场值班照片
            </button>
            <p>
                <img src="__PUBLIC__/img/no_pic.jpg" data-preview-src="" data-preview-group="1"  id="photo_minx"/>
                <input type="hidden" id="photo_minx_hi" name="photo">
            </p>
            <!--定位-->
            <button id="btn_uploadimage" type="button" class="mui-btn mui-btn-block mui-icon mui-icon-location mui-left" onclick="get_gps()">
                获取当前位置信息
            </button>
            <div>
                <input type="text" placeholder="当前签到位置"  id="gps_address">
                <input type="hidden" id="gps_minx" name="point">
            </div>
            <!--【按钮，显示坐标INPUT】-->
            <!--签到按钮-->
            <button type="button" class="mui-btn mui-btn-blue mui-btn-block mui-icon mui-icon-info" onclick="sign()">
                签到
            </button>
        </form>
    </div>
    <!--泵站-->
    <div id="tabbar-with-pump" class="mui-control-content mui-content-padded">
        <!--泵机-->
        <div class="beng">泵机运行记录表</div>
        <div id="pump_pump"></div>
        <!--泵机-->

        <!--格栅机-->

        <div class="beng">格栅机运行记录表</div>
        <div id="pump_machine"></div>


        <!--格栅机-->


        <!--水电表-->
        <div class="beng">水电记录表</div>
        <div id="pump_we"></div>



        <div class="mui-button-row">
            <button type="button" class="mui-btn mui-btn-blue mui-icon mui-icon-checkmarkempty mui-mybtn">确定</button>&nbsp;&nbsp;
            <button type="button" class="mui-btn mui-btn-danger mui-icon mui-icon-close mui-mybtn" onclick="return false;">取消</button>
        </div>

    </div>

    <!--调蓄池-->
    <!--调蓄池闸门运行记录表-->
    <div id="tabbar-with-csdt" class="mui-control-content mui-content-padded">

        <div class="beng">调蓄池闸门运行记录表</div>
        <div id="csdt_gate"></div>

        <!--调蓄池闸门运行记录表-->

        <!--调蓄池泵机运行记录表-->

        <div class="beng">调蓄池泵机运行记录表</div>
        <div id="csdt_pump"></div>


        <!--调蓄池泵机运行记录表-->


        <!--调蓄池格栅机运行记录表-->
        <div class="beng">调蓄池格栅机运行记录表</div>
        <div id="csdt_mac"></div>


        <!--调蓄池格栅机运行记录表-->


        <!--调蓄池水、电记录表-->
        <div class="beng">调蓄池水、电记录表</div>
        <div id="csdt_we"></div>

        <div class="mui-button-row">
            <button type="button" class="mui-btn mui-btn-blue mui-icon mui-icon-checkmarkempty mui-mybtn">确定</button>&nbsp;&nbsp;
            <button type="button" class="mui-btn mui-btn-danger mui-icon mui-icon-close mui-mybtn" onclick="return false;">取消</button>
        </div>
        <!--调蓄池水、电记录表-->


    </div>
    <!--河道-->
    <div id="tabbar-with-river" class="mui-control-content mui-content-padded">

        <!--河道闸门运行记录表 -->
        <div class="beng">河道闸门运行记录表 </div>
        <div id="gate"></div>

        <!--河道闸门运行记录表 -->
        <div class="mui-button-row" style="border: none;">

            <button type="button" class="mui-btn mui-btn-blue mui-icon mui-icon-checkmarkempty mui-mybtn">确定</button>&nbsp;&nbsp;
            <button type="button" class="mui-btn mui-btn-danger mui-icon mui-icon-close mui-mybtn">取消</button>

        </div>



    </div>
</div>

</body>
<script type="text/javascript" src="__PUBLIC__/front/js/jquery-1.8.3.min.js"></script>
<script src="__PUBLIC__/module/manage/js/main.js"></script>
<script src="__PUBLIC__/mobile/html5/function/upload_photo.js"></script>
<script>
    (function($, doc) {
        $.plusReady(function() {
            request_pump('pump_pump', 'pump_machine', 'pump_we');
            request_csdt('csdt_pump', 'csdt_mac', 'csdt_we', 'csdt_gate');
            request_gate('gate');
        });
    }(mui, document));
</script>
</html>